<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>蓉驿时代科技有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/swiper-4.2.6.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="page">
        <!--头部导航-->
        <header class="container-fluid">
            <nav class="navbar navbar-expand-md navbar-light fixed-top">
                <a class="navbar-brand" href="#"><img src="images/logo.png" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                    <span class="navbar-toggler-icon navbar-light "></span>
                </button>
                <div class="collapse navbar-collapse" id="collapsibleNavbar">
                    <ul class="navbar-nav w-100">
                        <li class="nav-item active">
                            <a class="nav-link">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="html/product-show.html">产品展示</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="html/product-overview.html">产品概述</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="html/contact-us.html">联系我们</a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link" href="html/join-investment.html">招商加盟</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>

        <!--banner-->
        <section class="section-banner">
            <div class="swiper-container" id="swiper1">
                <div class="swiper-wrapper">

                    <div class="swiper-slide slide1" style="background-image: url('images/index/index_banner1.jpg')">
<!--                        <p>-->
<!--                            <span>她</span>不渴swiper1，不喝<span style="margin-left: -1rem;">“自补液”！</span>-->
<!--                        </p>-->
<!--                        <p>-->
<!--                            <span>她</span>不累，不喝<span style="margin-left: -1rem;">“歇歇脚”！</span>-->
<!--                        </p>-->
<!--                        <p>-->
<!--                            <span>她</span>不坏，不喝<span style="margin-left: -1rem;">“回娘家”！</span>-->
<!--                        </p>-->
                    </div>
                    <div class="swiper-slide slide2" style="background-image: url('images/index/index_banner3.jpg')">
<!--                        <div class="p1">-->
<!--                            <img src="https://fakeimg.pl/34x34/000000" alt="">-->
<!--                            <span>克钉霸 第二代</span>-->
<!--                        </div>-->
<!--                        <div class="p2">-->
<!--                            “封装式”智能修复真空胎-->
<!--                        </div>-->
<!--                        <p>-->
<!--                            克钉霸全地形自修复轮胎-->
<!--                        </p>-->
<!--                        <p>-->
<!--                            红颜知己誓与您相伴一生-->
<!--                        </p>-->
                    </div>
                    <div class="swiper-slide slide3" style="background-image: url('images/index/index_banner2.jpg')">
<!--                        <h1>这里是slide3</h1>-->
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </section>

        <!-- 公司简介 -->
        <section class="section-about">
            <div class="section--title">
                <div class="text-ch">
                    公司简介
                </div>
                <div class="text-en">
                    about us
                </div>
                <div class="hr"></div>
            </div>
            <div class="section--content">
                <div class="info container">
                    <p>
                        公司位于成都市龙泉驿区汽车产业城（规划区域），是一家集研发设计、生产、销售智能修复轮胎为一体的高科技企业。公司始终秉持“价值创新”和“成本创新”的发展理念，推动轮胎行业前沿技术发展：以“防扎漏、不补胎”为企业使命，从研发设计到新材料运用再到建立完整产业链，逐步走出一条创新智造之路。
                        <br>公司拥有发明专利、结构专利、外包装专利等众多核心技术，具有完全自主知识产权，真正实现了企业“价值创新”。
                    </p>
                    <p>
                        公司攻克了俨然成为行业发展瓶颈的高成本问题，并辅以扁平化的管理方式和企业5%的利润目标，真正解决自修复轮胎价格“贵”的问题，
                        <br>让自修复轮胎得以普及和快速发展，一切都得益于公司的“成本创新”。<br>公司旗下有克钉王、克钉霸、霸王别钉等知名品牌，并致力于打造世界一流的自修复轮胎品牌。
                    </p>
                </div>
                <div class="plan">
                    <div class="title">
                        公司未来十年“三步走”战略规划：
                    </div>
                    <div class="container-fluid">
                        <div class="row">
                            <div class="item col-md-4">
                                <div class="num">
                                    <span class="dot"></span>
                                    <span class="number">
                                        01
                                    </span>
                                    <span class="dot"></span>
                                    <span class="hr"></span>
                                </div>
                                <p>
                                    扩大电动车自修复轮胎的市场占有率，提升品牌价值；
                                </p>
                            </div>
                            <div class="item col-md-4">
                                <div class="num">
                                    <span class="dot"></span>
                                    <span class="number">
                                        02
                                    </span>
                                    <span class="dot"></span>
                                    <span class="hr"></span>
                                </div>
                                <p>
                                    研发设计摩托车和汽车智能修复轮胎，力争2到3年投入市场；
                                </p>
                            </div>
                            <div class="item col-md-4">
                                <div class="num">
                                    <span class="dot"></span>
                                    <span class="number">
                                        03
                                    </span>
                                    <span class="dot"></span>
                                    <span class="hr"></span>
                                </div>
                                <p>
                                    开拓国际市场，用3到5年时间实现产品进入“一带一路”国家。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


<!--         产品中心 -->
        <section class="section-product">
            <div class="section--title">
                <div class="text-ch">
                    产品中心
                </div>
                <div class="text-en">
                    Product Center
                </div>
                <div class="hr"></div>
            </div>
            <div class="section--content">
                <div class="product">
                    <div class="container">
                        <div class="row">
                            <div class="item col-md-6">
                                <div class="img-wrap">
                                    <img src="images/index/index_product1.jpg" alt="">
                                </div>
                                <p>
                                    克钉霸 全地形自修复钢丝胎 3.00-10
                                </p>
                            </div>
                            <div class="item col-md-6">
                                <div class="img-wrap">
                                    <img src="images/index/index_product2.jpg" alt="">
                                </div>
                                <p>
                                    克钉霸 全地形自修复钢丝胎 3.00-10
                                </p>
                            </div>
                        </div>
                        <a href="html/product-show.html" class="btn btn-primary"><span>了解更多</span> →</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- slogan -->
        <section class="section-slogan">
            <div class="section-content">
                <img class="logo" src="images/index/index_logo.png" alt="">
                <p class="text">
                    创新智造，征途漫漫，唯有披荆斩棘、锐意进取，才能初心不改、行稳致远，
                    <br>愿与天下有识之士，携手开创一个<span>“霸王别钉”</span>的美好时代！
                </p>
            </div>
        </section>

        <!--页脚-->
        <footer>
            <div class="container">
                <div class="row">
                    <p class="text col-md-6">
                        © 2019-07-02. 蓉驿时代科技有限公司Adobe<br>
                        Systems Incorporated. All rights reserved.
                    </p>
                    <div class="icon-wrap col-md-6">
                        <div class="item">
                            &#xe7e5;
                        </div>
                        <div class="item">
                            &#xe6af;
                        </div>
                        <div class="item">
                            &#xf0105;
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>






    <script src="js/jquery.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/swiper-4.2.6.min.js"></script>
    <script src="js/index.js"></script>

</body>

</html>